<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/public.css"/>
    <title>借款还款</title>
    <script src="../baidu.js"></script>
</head>
<body>
    <div class="header">
        <a class="return" href="./index.html"><img src="./css/images/return.png"></a>
        <span class="cont">借款还款</span>
    </div>
    <div>
        <div class="question">
            <div>
                <div class="ques" id="bg1">
                    <div>借款失败是什么原因</div>
                    <div><img class="img-icon" src='./css/images/right.png' id="queImg1"></div>
                </div>
                <div class="ans" id='queCon1' style="display:none">提交审核未通过，并不代表您信用不好，对客户的审核体系在不断优化中，您7天以后可以再试试。</div>
            </div>
            <div>
                <div class="ques"  id="bg2">
                    <div>APP显示打款成功，但是还没有收到款项</div>
                    <div><img class="img-icon" src='./css/images/right.png' id="queImg2"></div>
                </div>
                <div class="ans" id='queCon2' style="display:none">请查询您绑定的银行卡主卡的发卡银行，以实际到账为准。</div>
            </div>
            <div>
                <div id="bg3">
                    <div class="ques">
                        <div>支付宝还款帐号经常变更</div>
                        <div><img class="img-icon" src='./css/images/right.png' id="queImg3"></div>
                    </div>
                    <div class="ans" id='queCon3' style="display:none">因为财务结算原因，我方需要多个支付宝帐号，只要是APP官方公布的支付宝帐号都是安全的。请您放心。</div>
                </div>
            </div>
            <div>
                <div id="bg4">
                    <div class="ques">
                        <div>还款一直处于处理中</div>
                        <div><img class="img-icon" src='./css/images/right.png' id="queImg4"></div>
                    </div>
                    <div class="ans" id='queCon4' style="display:none">若您是通过支付宝还款，可以联系客服咨询原因，若是银行卡一般处理时间需5-10分钟。</div>
                </div>
            </div>
            <div>
                <div id="bg5">
                    <div class="ques">
                        <div>按时全额转账但却还未结清</div>
                        <div><img class="img-icon" src='./css/images/right.png' id="queImg5"></div>
                    </div>
                    <div class="ans" id='queCon5' style="display:none">如果您转账的时间是在应还日期之前，且转账金额是当时的应还金额，请联系客服。</div>
                </div>
            </div>
            <div>
                <div id="bg6">
                    <div class="ques">
                        <div>银行卡还款失败</div>
                        <div><img class="img-icon" src='./css/images/right.png' id="queImg6"></div>
                    </div>
                    <div class="ans" id='queCon6' style="display:none">如果您银行卡还款失败，请根据您在支付失败后的弹窗提示进行操作，如果按照提示操作还是不行，请您联系客服。</div>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    var queImg1 = document.getElementById('queImg1');
    var queImg2 = document.getElementById('queImg2');
    var queImg3 = document.getElementById('queImg3');
    var queImg4 = document.getElementById('queImg4');
    var queImg5 = document.getElementById('queImg5');
    var queImg6 = document.getElementById('queImg6');

    var queCon1 = document.getElementById('queCon1');
    var queCon2 = document.getElementById('queCon2');
    var queCon3 = document.getElementById('queCon3');
    var queCon4 = document.getElementById('queCon4');
    var queCon5 = document.getElementById('queCon5');
    var queCon6 = document.getElementById('queCon6');
    
    var bg1 = document.getElementById('bg1');
    var bg2 = document.getElementById('bg2');
    var bg3 = document.getElementById('bg3');
    var bg4 = document.getElementById('bg4');
    var bg5 = document.getElementById('bg5');
    var bg6 = document.getElementById('bg6');

    var openClose = function(img,con){
        if(con.style.display == "block"){
            con.style.display = "none";
            img.src = "./css/images/right.png";
        }else{
            con.style.display = "block";
            img.src = "./css/images/down.png";
        } 
    }
    bg1.onclick=function(){
        openClose(queImg1,queCon1);
    }
    bg2.onclick=function(){
        openClose(queImg2,queCon2);
    }
    bg3.onclick=function(){
        openClose(queImg3,queCon3);
    }
    bg4.onclick=function(){
        openClose(queImg4,queCon4);
    }
    bg5.onclick=function(){
        openClose(queImg5,queCon5);
    }
    bg6.onclick=function(){
        openClose(queImg6,queCon6);
    }
</script>
</html>